import React, { Component } from 'react';
import { View, Text, StatusBar } from 'react-native';
import { Container, Header, Body, Form } from 'native-base'
import BaseHeader from '../../Views/BaseHeader'
import Login from '../Login/index'


import { NavigationContainer } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'

const RootStack = createStackNavigator()
const LoginStack = createStackNavigator()

import MyCenter from './MyCenter'
import MyCenter2 from './MyCenter'


function LoginModule() {
    return (
        <LoginStack.Navigator headerMode='none'>
            <LoginStack.Screen name="Login" component={Login}></LoginStack.Screen>
        </LoginStack.Navigator>
    )
}

export default class index extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
    }

    render() {
        return (
            <NavigationContainer>
                <RootStack.Navigator initialRouteName='MyCenter' mode='modal' headerMode='none'>
                    <RootStack.Screen name='MyCenter' component={MyCenter} />
                    <RootStack.Screen name='Login' component={LoginModule} />
                </RootStack.Navigator>
            </NavigationContainer>
        );
    }
}
